<template>
<!--发展方向模块-->
  <div id="direction">
    <h2 class="direction_title">发展方向</h2>
    <div class="direction_body">
      <Introduce v-for="item of messages" :key="item.title" :direction-obj="item"/>
    </div>
  </div>
</template>

<script>
import Introduce from "@/components/home/directionItem/Introduce";
export default {
  name: "Direction",
  components: {Introduce},
  data(){
    return{
      messages:[
        {
          title:"产品经理",
          info:"产品经理(英文：Product Manager)指在项目中对某一项或一类的产品进行规划和管理的人员",
          duty:"针对市场调研，了解客户需求、竞争产品状况、市场需求状况等；需求分析、产品落地，产品定义及设计；项目追踪及上线，产品宣传、产品生命周期管理等"
        },
        {
          title:"IOS开发工程师",
          info:"产品经理(英文：Product Manager)指在项目中对某一项或一类的产品进行规划和管理的人员",
          duty:"针对市场调研，了解客户需求、竞争产品状况、市场需求状况等；"
        },
        {
          title:"UI设计师",
          info:"UI设计师简称UID（User Interface Designer）指对软件的人机交互、操作逻 辑、界面美观整体设计的人员。",
          duty:"负责软件界面的美术设计、创意工作等工作；根据相关软件的使用群体，提出构思新颖且具有高度吸引力的创意设计；依据交互设计、产品规划，完成产品（iOS、Android、Web平台、App等）相关的用户界面视觉设计；"
        },
        {
          title:"前端开发工程师",
          info:"前端开发工程师是指使用HTML、CSS、JavaScript等专业技能及工具将产品UI设计稿实现成软件产品，涵盖的用户有PC端、移动端、页面段端等。",
          duty:"Web前端功能设计、开发和实；现与后端工程师协作，完成数据交互、动态展现；与交互设计师、视觉设计师协作，根据设计图用HTML和CSS完成页面制作。"
        },
        {
          title:"软件测试工程师",
          info:"软件测试工程师（Software Testing Engineer）指理解产品的功能要求，并 对其功能进行测试的人员，在团队中扮演“质量管理员”角色，发现软件问题，及时督促更正，确保软件的正常运行。",
          duty:"了解软件的功能要求，并对其功能进行测试，检查软件有没有缺陷（Bug）；测试软件的稳定性、安全性、易操作性等性能；写出相应的测试规范和测试用例等。"
        },
        {
          title:"运维工程师",
          info:"运维工程师(Operations)，负责维护并确保整个服务的高可用性，同时不断,优化系统架构提升部署效率、优化资源利用率提高整体的ROl。",
          duty:"保障并不断提升服务的可用性，确保用户数据安全，提升用户体验;用自动化的工具/平台提升软件在研发生命周期中的工程效率;通过技术手段优化服务架构、性能调优;通过资源优化组合降低成本、提升ROI。"
        },
        {
          title:"软件开发工程师",
          info:"软件开发工程师是对从事软件开发相关工作的人员的统称。",
          duty:"信息管理类软件的设计、研发、维护、部署、实施等;数据库管理及应用开发;根据要求进行软件概要设计、详细设计、编码、单元测试工作及说明文档的编",
        },
      ]
    }
  }
}
</script>

<style scoped>
#direction{
  width: 100%;
  margin: 30px auto 10px;
  height: 1800px;
}
.direction_title{
  text-align: center;
}
.direction_body{
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  height: 400px;
}
</style>